<template>
  <div>
    <input type="text" :value="value" @input="onInput" />
  </div>
</template>

<script>
// 如果在组件内部使用v-model还需要自己在内部控制状态
// 咱们可以在组件上使用v-model
export default {
  // v-model默认传递的就是value这个属性
  props: ['value'],
  methods: {
    onInput(e) {
      // 发布订阅，子传递父 input事件名字不能改
      this.$emit('input', e.target.value)
    },
  },
}
</script>

<style></style>
